@import "base.css";

.search-section {
  position: relative;
  width: 100%;
  min-height: 110px;
  overflow: hidden;
  background: #fff;
  padding: 0;
  
  @search-input-height: 30px;
  //搜索区域
  .search-input {
    position: relative;  
    width: 75%;
    height: @search-input-height;
    float: left;
    margin: 15px 0 15px 15px;
    border: 1px solid #ccc;
    
    input {
      width: ~'calc(100% - 36px)';
      float: left;
      height: 100%;
      padding: 0 3px;
      border: 0;
      outline: none;
      font: normal normal normal 14px/@search-input-height 'microsoft yahei';
    }
    
    .btn-search {
      width: 30px;
      height: 100%;
      float: right;
      background: transparent url(../imgs/search.png) no-repeat center center; 
      border: 0;
      &:active {
        background-color: #ddd;
      }
    }
  }
  
  .reset-search {
  	width: 24px;
  	height: 32px;
  	margin: 15px;
  	display: inline-block;
  	background: transparent url(../imgs/reset.png) no-repeat center center;
    font: normal normal normal 14px/@search-input-height 'microsoft yahei';
  	float: left;
  }
  
  .condition {
  	width: 100%;
  	min-height: 40px;
  	overflow: hidden;
  }

  @title-height: 34px;
  .title {
  	height: @title-height + 3px;
    background-color: #F5F6FA;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    
    @title-color: #387FC8;
    
    .con {
      min-width: 20px;
      height: @title-height;
    	float: left;
      margin: 0 0 0 15px;
      font: normal normal normal 15px/@title-height 'microsoft yahei';
      text-align: center;
      overflow: hidden;
      span {
        color: @title-color;
      }
      
      &.min {
      	width: 20px;
      }
      
      &.active {
      	font-weight: bold;
      	border-bottom: 3px solid @title-color;        	
      }
      &.two-character {
			  width: 40px;
			  span {
			    color: #F5F6FA;
				}
			}
    }
    
    .colspan {
    	position: relative;
    	float: right;
    	margin-right: 15px;
    	padding-left: 15px;
    	color: @title-color;
      font: normal normal normal 15px/@title-height 'microsoft yahei'; 
      cursor: pointer;
      text-decoration: none;
      &:active {
      	text-decoration: underline;
      }
	    &:after {
	    	content: '展开'
	    }
      
      @triangle-border: 6px;
    	span {
    		position: absolute;
    		top: 15px;
    		left: 0;
		    width: 0; 
		    height: 0; 
		    border-left: @triangle-border solid transparent;
		    border-right: @triangle-border solid transparent;
        border-top: 0;
        border-bottom: @triangle-border solid @title-color;
    	}
    	&.max {
    		span { 
          border-top: @triangle-border solid @title-color;
          border-bottom: 0;
    		}
		    &:after {
		    	content: '收起'
		    }
    	}
    }
  }

}

.hide {
	display: none !important;
}

body {	
	font-family: "microsoft yahei";
}

.condition-head {
	width: 100%;
	height: 50px;
	background: #f8f8f8;
	text-align: center;
	span {
		font: normal normal bold 14px/50px "microsoft yahei";
	}
}

.background-white {
	background: #fff;
}



.mui-navigate-right {
	font-size: 14px;
	
	span {
		float: right;
		color: #999;
		font-size: 12px;
		margin-right: 20px;
	}
}

.mui-media-body {
	.title {
		color: #333;
		font-size: 14px;
		overflow: hidden;
		max-width: 100%;
		word-wrap:break-word;
		word-break:break-all;
		white-space: normal; 
	}
	
	.detail {
		font-size: 12px;
		color: #999;
	}
}

.data-box-wrapper {
	top: 110px;
	
	&.more {
		top: 230px;
	}
}

.condition-box {
	li {
		font-size: 14px;
	}
}


.borderbottom {
	border-bottom: 1px solid #ddd;
}









